<template>
  <div>
    <h2>歌单详情</h2>
    <div>
      <!-- 歌单信息 -->

      <h3>评论列表</h3>
      <ul>
        <li v-for="comment in comments" :key="comment.id">{{ comment.content }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      comments: [], // 存储评论列表
      // 其他数据...
    };
  },
  methods: {
    loadComments() {
      // 发起请求获取评论列表
      axios.post('/api/comment-query/playlist', { playlistId: this.playlistId })
        .then((response) => {
          this.comments = response.data;
        })
        .catch((error) => {
          console.error('获取评论列表失败: ', error);
        });
    },
    // 其他方法...
  },
  created() {
    // 在页面创建时加载评论列表
    this.loadComments();
  },
};
</script>
